<style type="text/css">
#tabs {}

#tabs {
	height:30px;
	border-bottom: solid 1px #ccc;
	margin-top: 8px;
	padding-left: 12px;
}


#tabs li {
	float:left;
	list-style:none;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	margin-right:5px;
	border-top-left-radius:1px;
	border-top-right-radius:16px;
	outline:none;
}

#tabs li a {
	font-size: 100%;
	color: #006699;
	;
	padding-top: 5px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 5px;
	display:block;
	background: #FFF;
	border-top-left-radius:1px;
	border-top-right-radius:16px;
	text-decoration:none;
	outline:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

#tabs li a.inactive{
	padding-top:5px;
	padding-bottom:4px;
	padding-left: 8px;
	padding-right: 8px;
	color:#666666;
	background: #EEE;
	outline:none;
	border-bottom: solid 1px #ccc;
}

#tabs li a:hover, #tabs li a.inactive:hover {


    color: #5685bc;
      outline:none;
}

.container {
	clear:both;
	width:100%;
	text-align:left;
	padding-top: 4px;
}


</style>
